<html xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta>
<title>周六聘-DEMO</title>
<link
	href="http://js.51jobcdn.com/in/css/2017/public/base.css?20170117?20170619"
	rel="stylesheet" type="text/css" />
<link href="http://js.51jobcdn.com/in/css/2017/public/form.css?20170619"
	rel="stylesheet" type="text/css" />
<link
	href="http://js.51jobcdn.com/in/css/2017/home/home.css?20170407?20170619"
	rel="stylesheet" type="text/css" />
<link
	href="http://js.51jobcdn.com/in/css/2017/public/panel-pop.css?20170619"
	rel="stylesheet" type="text/css" />
<link
	href="http://js.51jobcdn.com/in/css/2017/adarea/style.css?20170619"
	rel="stylesheet" type="text/css" />

<style>
#header {
	background-color: #ff8000;
	color: white;
	height: 88px;
	text-align: left;
	padding: 5px;
}

#nav {
	line-height: 30px;
	background-color: #eeeeee;
	height: 88px;
	width: 100px;
	float: left;
	padding: 5px;
}

#section {
	width: 350px;
	float: left;
	padding: 10px;
}

#footer {
	background-color: #ff8000;
	color: white;
	clear: both;
	text-align: center;
	padding: 5px;
}
</style>

    <meta name="viewport" content="width=device-width, initial-scale=1"></meta>
    <link th:href="@{bootstrap/css/bootstrap.min.css}" rel="stylesheet"/> 
    <link th:href="@{bootstrap/css/bootstrap-theme.min.css}" rel="stylesheet"/>
</head>
<body>
	<div th:include="header :: #header"></div>

	<div id="nav">
		<div class="sml e_icon radius_5">
			<div class="inter iphone">
				<a
					href="https://login.51job.com/login.php?by=phone&amp;lang=c&amp;url=http%3A%2F%2Fwww.51job.com%2F"><span>国际手机登录</span></a>
			</div>
			<div class="img">
				<img width="48" height="55"
					src="http://img01.51jobcdn.com/im/2016/home/default_user_90x110.png"
					alt=""></img><em class="e_icon"></em>
			</div>
			<p class="msg c_666">Hi！您好</p>
			<div class="abut_box">
				<span class="abut showLogin">登录</span><span class="abut flesh"
					id="sign_btn">注册</span>
			</div>
		</div>
	</div>

	<div id="section" class="panel panel-primary">
		<h2>程序员列表</h2>
		<p>
			时间: <span th:text="${time}"></span>
		<br /> 消息:<span th:text="${message}"></span><br />
		<table class="table" th:if="${not #lists.isEmpty(users)}" >
			<th >
				<tr >
					<td >ID</td>
					<td >姓名</td>
					<td >密码</td>
					<td >性别</td>
					<td >昵称</td>
				</tr>
			</th>
			<tr th:each="user:${users}" >
				<td ><span th:text="${user.id}"></span></td>
				<td ><span th:text="${user.username}"></span></td>
				<td ><span th:text="${user.password}"></span></td>
				<td ><span th:text="${user.userSex}"></span></td>
				<td ><span th:text="${user.nickName}"></span></td>
			</tr>
		</table>
		</p>
	</div>
	<div th:include="footer :: #sitefooter" style="background-color:#FFFF37;position:fixed;bottom:0;align:center;width:100%;"></div>
	
	<script th:src="@{jquery-1.10.2.min.js}" type="text/javascript"></script>
	<script th:src="@{bootstrap/js/bootstrap.min.js}"></script>

</body>
</html>